<h2>HEROES</h2>
<ul class="heroes">
  <li *ngFor="let hero of heroes$ | async"
    [class.selected]="hero.id === selectedId">
    <a [routerLink]="['/hero', hero.id]">
      <span class="badge">{{ hero.id }}</span>{{ hero.name }}
    </a>
  </li>
</ul>

<button routerLink="/superheroes/sidekicks">Go to sidekicks</button>
<button routerLink="/superheroes/one">one</button>
<button routerLink="/superheroes/two">two</button>

<div style="border: 1px solid red;">
  <router-outlet ></router-outlet>
</div>

